<!DOCTYPE html>
<html lang="en">
  <head>
    <meta
      name="description"
      content="海大珍珠商城是一个专注于线上销售珍珠的一个综合性商城。"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><%= title %></title>
    <link rel="stylesheet" href="stylesheets/reset.css" />
    <link rel="stylesheet" href="stylesheets/register&login.css" />
    <link rel="shortcut icon" href="images/favicon.ico" type="ico" />
  </head>
  <body>
    <div class="header">
      <div class="back">
        <a href="javascript:history.go(-1);">
          <img src="/images/return.png" alt="" />
        </a>
      </div>
      <div class="welcome">欢迎来到海大商城</div>
      <div class="message">
        <img src="/images/message.png" alt="" />
      </div>
    </div>
    <form action="javaScript:void(0)" method="post">
      <div>
        <h2>用户名：</h2>
        <input type="text" name="username" placeholder="请输入用户名" />
      </div>

      <div>
        <h2>密码：</h2>
        <input type="password" name="password" placeholder="请输入密码" />
      </div>

      <div class="passwordAgain hide">
        <h2>确认密码：</h2>
        <input type="password" name="password_again" placeholder="请确认密码" />
      </div>

      <div class="code">
        <input
          id="code"
          type="text"
          name="code"
          placeholder="验证码"
          autocomplete="off"
        />
        <!-- canvas验证码 -->
        <div class="container">
          <canvas id="cs">您的浏览器不支持canvas</canvas>
        </div>
      </div>

      <label>
        <input type="checkbox" name="checkbox" value="1" />
        <span>我已同意海大协议</span>
      </label>

      <p>
        <button id="login">登录</button>
        <button id="register">注册</button>
      </p>
    </form>
  </body>
  <script src="/javascripts/flexible.js"></script>
  <script src="/lib/jquery/dist/jquery.js"></script>
  <script src="/javascripts/canvas.js"></script>
  <script src="/javascripts/register&login.js"></script>
</html>
